<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#btn').click(function(){
				$('p').hide(1000);
			});
			$('#btm').click(function(){
				$('p').show(1000);
			});			
			$('#toggle').click(function(){
				$('p').toggle(1000);
			});
		});
	</script>

</head>
<body>
	<p>hello</p>
	<button id="btn">隐藏</button>
	<button id="btm">显示</button>
	<button id="toggle">显示/隐藏</button>
</body>
</html>